
/* ================================================================================================ */

*{ margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
img{ display:block; border:none; }
li { list-style-type:none;}
a { text-decoration:none; color:#000;}
p { color:#555; }

.clear { clear:both; }
.hf-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ================================================================================================ */

body{ position:relative; }

/* ================================================================================================ */


.header{ position:absolute; left:0; top:0; z-index:100; width:100%; height:45px; background:url(../image/hdback.jpg) no-repeat; background-size:cover; }
.header .hd-title { font:18px/45px "微软雅黑"; color:#fff; margin:0 10px; border:0px solid #fff; }
.header a { position:absolute; top:0; display:block; width:45px; height:100%; font:18px/45px "微软雅黑"; color:#fff; text-align:center; box-sizing:border-box; border:0px solid #fff; }
.header a:hover { background-color:rgba(255,255,255,0.1); }

.header a.pos-l { left:0; }
.header a.pos-r { right:0; }

.header a.icon { text-indent:-10000px; }
.header a.hd-return{ background-image:url(../icons/hd_return.png); background-position:center; background-repeat:no-repeat; background-size:60% auto; }
.header a.hd-menu  { background-image:url(../icons/hd_menu.png);   background-position:center; background-repeat:no-repeat; background-size:60% auto; }
.header a.hd-star  { background-image:url(../icons/hd_star.png);   background-position:center; background-repeat:no-repeat; background-size:30px 30px; text-indent:-10000px; }
.header a.hd-star.selected{ background-image:url(../icons/hd_star_full.png);   background-position:center; background-repeat:no-repeat; background-size:30px 30px; text-indent:-10000px; }


.header.icon-l1 .hd-title { margin-left:45px !important; margin-right:45px !important; text-align:center; }
.header.icon-r1 .hd-title { margin-right:45px !important; }

.header.word-l2 .hd-title { margin-left:56px !important; margin-right:56px !important; text-align:center; }
.header.word-l2 .pos-l    { width:56px; }
.header.word-l3 .hd-title { margin-left:74px !important; margin-right:74px !important; text-align:center; }
.header.word-l3 .pos-l    { width:74px; }
.header.word-l4 .hd-title { margin-left:92px !important; margin-right:92px !important; text-align:center; }
.header.word-l4 .pos-l    { width:92px; }

.header.word-r2 .hd-title { margin-right:56px !important; }
.header.word-r2 .pos-r    { width:56px; }
.header.word-r3 .hd-title { margin-right:74px !important; }
.header.word-r3 .pos-r    { width:74px; }
.header.word-r4 .hd-title { margin-right:92px !important; }
.header.word-r4 .pos-r    { width:92px; }

/* ================================================================================================ */

.footer{ position:absolute; bottom:0; width:100%; z-index:200; height:55px; background:#F97FA4;}
.footer ul{ border:0px solid #f00;}
.footer ul li{ float:left; width:20%;}
.footer ul li:hover { background-color:rgba(255,255,255,0.1); }
.footer ul li.selected { background-color:rgba(255,255,255,0.1); }
.footer ul li a{ display:block; text-align:center; color:#fff;}
.footer ul li a img{ width:25px; margin:8px auto 0;}
.footer ul li a p{ font:12px/20px "微软雅黑"; color:#fff; padding-bottom:2px; }

/* ================================================================================================ */

#set_city { background:#fff; }
#set_city > div { padding:45px 0 0; border:0px solid #f00; }
#set_city > div:before { display:none; }
#set_city > div:after  { display:none; }

#set_city .tips { font:15px/40px "微软雅黑"; text-indent:10px; background:#eee; border-bottom:1px solid #e5e5e5; }

#set_city .citys { background:#f7f7f7; overflow:auto; }
#set_city .citys ul { padding:5px; border:0px solid #f00;}
#set_city .citys ul:after { display:block; content:""; clear:both; }
#set_city .citys ul li { float:left; display:block; width:33.3%; box-sizing:border-box; overflow:hidden; border:0px solid #f00; }
#set_city .citys ul li:after { border:none; }
#set_city .citys ul li.selected a { background:#f4a5a5; color:#fff; border:1px solid #f49393; }
#set_city .citys ul li a:hover { background:#f4a5a5; color:#fff; border:1px solid #f49393; }
#set_city .citys ul li a { margin:5px; padding:0 5px; height:40px; font:15px/40px "微软雅黑"; background:#fff; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border:1px solid #e5e5e5; border-radius:5px; cursor:pointer; }

#set_city .btns { position:relative; z-index:100; height:50px; border-top:1px solid #e5e5e5;}
#set_city .btns .btn { background:#E9CC7F; color:#fff; margin:10px; border-radius:5px; }
#set_city .btns .btn.disable { opacity:0.5; }

/* ================================================================================================ */

#set_chanel { background:#fff; }
#set_chanel > div { padding:45px 0 0; border:0px solid #f00; }
#set_chanel > div:before { display:none; }
#set_chanel > div:after  { display:none; }

#set_chanel .chanels { background:#f7f7f7; overflow:auto; border:0px solid #f00; }
#set_chanel .chanels .cate { margin:10px; font:15px/20px "微软雅黑"; border:0px solid #f00;}
#set_chanel .chanels .cate.hot { padding-left:25px; background:url(../icons/chnl_hot.png) no-repeat 0px center; background-size:20px 20px; }
#set_chanel .chanels .cate.liren { padding-left:25px; background:url(../icons/chnl_liren.png) no-repeat 0px center; background-size:20px 20px; } 

#set_chanel .chanels ul { margin:0 10px 20px; background:#fff; border:1px solid #e5e5e5; border-bottom:none; }
#set_chanel .chanels ul:after { display:block; content:""; clear:both; }
#set_chanel .chanels ul li { float:left; display:block; width:33.3%; box-sizing:border-box; overflow:hidden; border:0px solid #f00; }
#set_chanel .chanels ul li:after { border:none; }
#set_chanel .chanels ul li a { padding:0 5px; height:40px; font:15px/40px "微软雅黑"; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#set_chanel .chanels ul li a:hover { background:rgba(0,0,0,0.05); }
#set_chanel .chanels ul li.selected a { background:rgba(0,0,0,0.05); }
#set_chanel .chanels ul li p { height:40px; text-indent:-10000px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
#set_chanel .chanels ul li:nth-child(3n) > * { border-right:none; }

/* ================================================================================================ */

.scroll { position:relative; overflow:hidden; border:0px solid #f00; }
.scroll .mod_01 { float:left; }
.scroll .mod_01 img { display:block; border:0px solid #f00; }
.scroll .dotModule_new { padding:0 5px; height:11px; line-height:6px; border-radius:11px; background:rgba(45,45,45,0.3); position:absolute; bottom:5px; right:5px; z-index:11; }
.scroll .dotModule_new #slide_01_dot{ text-align:center; margin:0px 0 0 0; }
.scroll .dotModule_new #slide_01_dot span{ display:inline-block; margin:0 3px; width:5px; height:5px; vertical-align:middle; background:#f7f7f7; border-radius:5px; }
.scroll .dotModule_new #slide_01_dot .selected{ background:#66ff33; }

/* ================================================================================================ */

.listview { margin:10px; background:#fff; border:1px solid #e8e8e8; border-radius:2px; overflow:hidden; }
.listview li { border-bottom:1px solid #e8e8e8; }
.listview li:hover { background-color:rgba(0,0,0,0.05); }
.listview li:last-child { border:none; }
.listview li p { position:relative; display:block; padding:13px 10px; font:15px/1em "微软雅黑"; color:#555; }
.listview li p.label{ background:#fafafa; margin:0; }
.listview li a { position:relative; display:block; padding:13px 20px 13px 10px; margin-right:10px; font:15px/1.4em "微软雅黑"; color:#555; outline:none; background:url(../icons/listview_ar.png) no-repeat right center; background-size:16px 16px; }

.listview li a .descp1{ padding-left:8px; font:12px/15px "微软雅黑"; color:#bbb; border:0px solid #f00; }
.listview li a .descp2{ position:absolute; right:30px; top:18px; font:12px/1em "微软雅黑"; color:#bbb; border:0px solid #f00; }
.listview li a .count1{ position:absolute; right:10px; top:13px; z-index:5; padding:2px 4px; background:#f77; font:12px/1em "微软雅黑"; color:#fff; border-radius:2px; }
.listview li a .count2{ position:absolute; right:35px; top:13px; z-index:5; padding:2px 4px; background:#f77; font:12px/1em "微软雅黑"; color:#fff; border-radius:2px; }
.listview li a .round { border-radius:6px; }

/* ================================================[ 颜色 ]================================================ */

.default{ background:#4AA301 !important; }
.green01{ background:#10A64F !important; }
.green02{ background:#419341 !important; }

.blue01{ background:#54729C !important; }
.blue02{ background:#6C798C !important; }
.blue03{ background:#2B3141 !important; }
.blue04{ background:#58A1AC !important; }
.blue05{ background:#0088D1 !important; }
.blue06{ background:#4BC1F3 !important; }
.blue07{ background:#5B74AE !important; }

.red01{ background:#ee2222 !important; }
.red02{ background:#ff3333 !important; }
.red03{ background:#DB6446 !important; }
.red04{ background:#F86F45 !important; }

.orange01{ background:#f8a82a !important; }
.orange02{ background:#ee8e11 !important; }
.orange03{ background:#FFBA1F !important; }

/* ================================================================================================ */

.framepage{ position:relative; display:none; margin:auto; overflow:hidden; border:0px solid #f00; }

.wrapper{ position:absolute; top:0px; bottom:0px; width:100%; overflow:hidden; box-sizing:border-box; }
.content{ position:relative; box-sizing:border-box; padding-bottom:1px; border-bottom:1px solid transparent; }

.content h2{ font:16px/20px "微软雅黑"; color:#fff; margin:5px 0; padding:2px 10px; display:inline-block; background:#4AA301; border-radius:10px;}
.content hr{ border:none; border-top:1px dashed #eee; margin:0.8em 0;}
.content p { font:14px/1.4em "微软雅黑"; margin:0.4em 0; }

.btn { display:block; font:14px/40px "微软雅黑"; color:#fff; background:#E9CC7F; text-align:center; border-radius:2px; }

.gotoTop { position:fixed; right:10px; bottom:65px; width:40px; height:40px; background:rgba(0,0,0,0.2); font:12px/40px "微软雅黑"; color:#fff; text-align:center; cursor:pointer; border-radius:3px; }

/* ================================================================================================ */

.NoResult { padding:1px 0; text-align:center; box-sizing:border-box; background:#fff; border:0px solid #f00; }
.NoResult img { margin:auto; width:80px; }
.NoResult p { font:13px/30px "微软雅黑"; color:#ddd; }

/* ================================================================================================ */

.pulldown { position:absolute; left:0; top:-500px; width:100%; height:500px; background:#fff; text-align:center; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.pulldown p { position:absolute; left:0; bottom:15px; display:block; width:100%; height:20px; margin:0; text-align:center; box-sizing:border-box; }
.pulldown p span { display:inline-block; font:15px/20px "微软雅黑"; color:#555; }
.pulldown p img { display:inline-block; width:20px; vertical-align:top; margin-right:5px; }
.pulldown p img.rotate { transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); }

.pullup  { position:absolute; left:0; bottom:-50px; width:100%; height:50px; text-align:center; color:#fff; font:15px/50px "微软雅黑"; }

/* ================================================================================================ */

/* Styled scrollbars */
.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 5px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}

.iScrollIndicator {
	width:5px;
	height:50px;
	position: absolute;
	background: #cc3f6e;
	background:rgba(0,0,0,0.2);
	border-width: 0px;
	border-style: solid;
	border-color: #EB97B4 #7C2845 #7C2845 #EB97B4;
	border-radius: 8px;
}

/* ================================================================================================ */

.hf_overlay { position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; }
.hf_overlay > div { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }

.hf_overlay .loader_panel { background:#323232; }
.hf_overlay .loader_panel i{ position:absolute; left:50%; top:45%; margin:-60px 0 0 -60px; display:block; width:120px; height:120px; border:1px solid #fff; border-radius:50%; animation:loader 10s linear 0s infinite; -webkit-animation:loader 10s linear 0s infinite; -moz-animation:loader 10s linear 0s infinite; }
.hf_overlay .loader_panel p{ position:absolute; left:50%; top:45%; margin:-60px 0 0 -60px; width:120px; font:20px/120px "微软雅黑"; color:#fff; text-align:center; }

.hf_overlay .share_panel { background:rgba(0,0,0,0.7); display:none; }
.hf_overlay .share_panel img { position:absolute; right:10px; top:50px; width:200px; }

.hf_overlay .tips_panel { display:none; }
.hf_overlay .tips_panel p { position:absolute; left:50%; top:50%; width:170px; margin-left:-100px; padding:15px; background:rgba(0,0,0,0.3); border-radius:8px; font:15px/1.4em "微软雅黑"; color:#fff; text-align:center; opacity:0; }

.hf_blur { filter:blur(10px); -moz-filter:blur(10px); -webkit-filter:blur(10px); }

/* ================================================================================================ */

@keyframes loader
{
	0%   { border-radius:50%; transform:rotate(-360deg); }
	50%  { border-radius:40%; transform:rotate(0deg); }
	100% { border-radius:50%; transform:rotate(360deg); }
}

@-moz-keyframes loader
{
	0%   { border-radius:50%; -moz-transform:rotate(-360deg); }
	50%  { border-radius:40%; -moz-transform:rotate(0deg); }
	100% { border-radius:50%; -moz-transform:rotate(360deg); }
}

@-webkit-keyframes loader
{
	0%   { border-radius:50%; -webkit-transform:rotate(-360deg); }
	50%  { border-radius:40%; -webkit-transform:rotate(0deg); }
	100% { border-radius:50%; -webkit-transform:rotate(360deg); }
}

/* ================================================================================================ */

.amt_slideup {
	animation:slideup 1s ease 0s;
	-moz-animation:slideup 1s ease 0s;
	-webkit-animation:slideup 1s ease 0s; }

@keyframes slideup
{
	0%   { opacity:0; transform:translateY(100px); }
	100% { opacity:1; transform:translateY(0px); }
}

@-moz-keyframes slideup
{
	0%   { opacity:0; -moz-transform:translateY(100px); }
	100% { opacity:1; -moz-transform:translateY(0px); }
}

@-webkit-keyframes slideup
{
	0%   { opacity:0; -webkit-transform:translateY(100px); }
	100% { opacity:1; -webkit-transform:translateY(0px); }
}


.amt_slidedown {
	animation:slidedown 1s ease 0s;
	-moz-animation:slidedown 1s ease 0s;
	-webkit-animation:slidedown 1s ease 0s; }

@keyframes slidedown
{
	0%   { opacity:0; transform:translateY(-100px); }
	100% { opacity:1; transform:translateY(0px); }
}

@-moz-keyframes slidedown
{
	0%   { opacity:0; -moz-transform:translateY(-100px); }
	100% { opacity:1; -moz-transform:translateY(0px); }
}

@-webkit-keyframes slidedown
{
	0%   { opacity:0; -webkit-transform:translateY(-100px); }
	100% { opacity:1; -webkit-transform:translateY(0px); }
}


.amt_slideleft {
	animation:slideleft 1s ease 0s;
	-moz-animation:slideleft 1s ease 0s;
	-webkit-animation:slideleft 1s ease 0s; }

@keyframes slideleft
{
	0%   { opacity:0; transform:translateX(100px); }
	100% { opacity:1; transform:translateX(0px); }
}

@-moz-keyframes slideleft
{
	0%   { opacity:0; -moz-transform:translateX(100px); }
	100% { opacity:1; -moz-transform:translateX(0px); }
}

@-webkit-keyframes slideleft
{
	0%   { opacity:0; -webkit-transform:translateX(100px); }
	100% { opacity:1; -webkit-transform:translateX(0px); }
}



.amt_slideright {
	animation:slideright 1s ease 0s;
	-moz-animation:slideright 1s ease 0s;
	-webkit-animation:slideright 1s ease 0s; }

@keyframes slideright
{
	0%   { opacity:0; transform:translateX(-100px); }
	100% { opacity:1; transform:translateX(0px); }
}

@-moz-keyframes slideright
{
	0%   { opacity:0; -moz-transform:translateX(-100px); }
	100% { opacity:1; -moz-transform:translateX(0px); }
}

@-webkit-keyframes slideright
{
	0%   { opacity:0; -webkit-transform:translateX(-100px); }
	100% { opacity:1; -webkit-transform:translateX(0px); }
}



.amt_slideRightOut {
	animation:slideRightOut 1s ease 0s;
	-moz-animation:slideRightOut 1s ease 0s;
	-webkit-animation:slideRightOut 1s ease 0s; }

@keyframes slideRightOut
{
	0%   { opacity:1; transform:translateX(0px); }
	100% { opacity:0; transform:translateX(-100px); }
}

@-moz-keyframes slideRightOut
{
	0%   { opacity:1; -moz-transform:translateX(0px); }
	100% { opacity:0; -moz-transform:translateX(-100px); }
}

@-webkit-keyframes slideRightOut
{
	0%   { opacity:1; -webkit-transform:translateX(0px); }
	100% { opacity:0; -webkit-transform:translateX(-100px); }
}


.amt_fadeOut {
	animation:fadeOut 1s ease 0s;
	-moz-animation:fadeOut 1s ease 0s;
	-webkit-animation:fadeOut 1s ease 0s; }

@keyframes fadeOut
{
	0%   { opacity:1; }
	100% { opacity:0; }
}

@-moz-keyframes fadeOut
{
	0%   { opacity:1; }
	100% { opacity:0; }
}

@-webkit-keyframes fadeOut
{
	0%   { opacity:1; }
	100% { opacity:0; }
}

/* ================================================================================================ */